﻿
<%@page isELIgnored="false" pageEncoding="UTF-8" contentType="text/html; UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>持名法州主页</title>


    <link rel="stylesheet" href="${pageContext.request.contextPath}/themes/icon.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/themes/default/easyui.css">


 <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min1.3.5.js"></script>
 <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.easyui.min1.3.5.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>


<script type="text/javascript">
	<!--菜单处理-->
    $(function () {
        $("#gridtable").datagrid({
            title:'图片展示列表',
            url:'${pageContext.request.contextPath}/Guru/showGuru',
            pagination:'true',
            fit:'true',
            columns:[[
                //增加复选框；
                {checkbox:true},
                //展示图片信息；
                {title:'上师ID值',field:'guruId'},
                {title:'上师法号',field:'guruName'},
                {title:'上师图片',field:'guruImage',formatter:function (value,data,index) {
                        return"<img src='${pageContext.request.contextPath}/"+value+"' width='100px'>"
                    }},
                {title:'上师真实姓名',field:'guruNickName'},
                {title:'上师状态',field:'guruState',
                    formatter:function (value,data) {
                        if(value==0){
                            return"正常"
                        }else{
                            return"已删除"
                        }
                    }
                },
            ]],
            toolbar:"#toolsbut"
    })
        $("#guruAdd").dialog({
            title:'添加书本面板',
            width:'400',
            height:'400',
            buttons:'#addBut',
            closed:'true'
        })
        $("#xls").dialog({
            title:'添加书本面板',
            width:'400',
            height:'400',
            buttons:'#addBut',
            closed:'true'
        })
    })
    function addbord() {
        $("#guruAdd").dialog("open")
    }
    function openXls() {
        $("#xls").dialog("open")
    }

    function addOne() {
        /*获取标签元素.控件名称，调用sumbit方法，其参数为对象类型，用花括号，请求路径，提交前的验证回掉函数，根据返回值
        来确定是否提交，操作完数据的回掉函数，用来反映操作数据库的操作结果*/
        $("#guruform").form("submit",{
            url:"${pageContext.request.contextPath}/Guru/addGuru",
            onSubmit:function () {
                var inf=$(this).form("validate");
                return inf
            },
        })
        $("#gridtable").datagrid("reload");
        $("#banneradd").dialog("close");
    }

    function dele() {
        //获取标签元素加控件名称，调用相应的方法，获取所有的选中的id值；
        var AllIds=$("#gridtable").datagrid("getSelections")
        //判断所获中的id值是否为空进行判断；
        if(AllIds.length==0){
            alert("请选择中要删除的数据！！")
        }
        //创建新的数组；
        var ids=new Array(AllIds.length);
        alert(ids)
        //在遍历的时候进行赋值给新建的数组，然后进行传递给后台进行操作数据库；
        for(var i=0;i<ids.length;i++){
            ids[i]=AllIds[i].guruId;
        }
        alert(ids);
        //发送ajax请求
        $.ajax({
            url:"${pageContext.request.contextPath}/Guru/updateGuru",
            data:"ids="+ids,
        })
        $("#gridtable").datagrid("reload")
    }

    function outTable() {
            location='${pageContext.request.contextPath}/Guru/autoOutTable';
    }

    function writeTable() {
            /*获取标签元素.控件名称，调用sumbit方法，其参数为对象类型，用花括号，请求路径，提交前的验证回掉函数，根据返回值
            来确定是否提交，操作完数据的回掉函数，用来反映操作数据库的操作结果*/
            $("#updateform").form("submit",{
                url:"${pageContext.request.contextPath}/Guru/writeTable",
                onSubmit:function () {
                    var inf=$(this).form("validate")
                    return inf
                },
            })
            $("#gridtable").datagrid("reload");
            $("#xls").dialog("close");
    }
</script>

</head>
<body>
<table id="gridtable">
</table>
<div id="toolsbut">
    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-search'"></a>
    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-remove'" onclick="dele()">批量删除</a>
    <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-add'" onclick="addbord()">添加</a>
    <a href="javascript:void(0)" class="easyui-linkbutton"data-options="iconCls:'icon-add'" onclick="outTable()">导出表格文件</a>
    <a href="javascript:void(0)" class="easyui-linkbutton"data-options="iconCls:'icon-add'" onclick="openXls()">导入表格文件</a>
</div>

<div id="guruAdd">
    <form id="guruform" method="post">
        上师法名：<input  name="guruName"><br/>
        上师图片：<input  name="guruImage"><br/>
        上师真实姓名：<input  name="guruNickName"><br/>
        上师状态：<input  name="guruState"><br/>
        <input type="button" onclick="addOne()" value="添加">
    </form>
</div>
<div id="xls">
<form id="updateform" method="post" enctype="multipart/form-data">
    图片上传的时间：<input type="file" name="file"><br/>
    <input type="button" onclick="writeTable()" value="提交">
</form>
</div>
</body>
</html>